<template>
  <div class="detail-map"></div>
</template>
<script lang="ts" setup>
import { ElRow, ElCol, ElButton } from 'element-plus';
import { ref, onMounted, onBeforeUnmount, defineProps } from 'vue';
// import Hls from 'hls.js';
import { useRouter } from 'vue-router';
import { openWindow } from '@vben/utils';

const props = defineProps({ airlineData: Object });
const router = useRouter();
const getSpan = (index) => {
  switch (props.changeViewId) {
    case 1:
      return 24;
    case 2:
      return 12;
    case 3:
      return index === 0 ? 16 : 8;
    default:
      return 8;
  }
};

// let hlsInstances: Record<number, Hls> = {};

const navToClick = () => {};
onMounted(() => {});
onBeforeUnmount(() => {});
</script>

<style lang="scss" scoped>
.detail-map {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
}
</style>
